[data-section="header"] {
  padding-bottom: 10px;
  position: relative;
}

.header-link {
	position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  height: 240px;
  width: 100%;
}

.language-selector {
	width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.language-selector > div{
	max-width: 940px;
  margin: 0px auto;
  text-align: right;
  color: #4981ab;
  font-size: 19px;
  font-weight: bold;
}

.language-selector a {
	margin: 5px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('http://chilmedia.org/v2/file-preview/9bed3bef-cfc8-4985-99c0-836f8b1e5c62.jpg');
}
.language-selector a.spain-flag {background-position: 0px -0px;}
.language-selector a.english-flag {background-position: 0px -32px;}
.language-selector a.french-flag {background-position: 0px -64px;}


.header-sentence {
  width: 100%;
  text-align: center;
	position: absolute;
  top: 176px;
  font-size: 18px;
  color: #808080;
}

.header-content {
	height: 240px;
}


[data-section="footer"] .widget-content {
  background-color: transparent;
}



/****************   HEADER  ******************/

.switch-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 120px;
}


.switch-button input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
    position: absolute;
    opacity: 0;
}

.switch-button label {
    position: relative;
    display: inline-block;
    font: 20px $fo_title;
    color: $co_title;
    width: 100%;
}      

.switch-button input[type="checkbox"].switch + span + div {
    width: 40px;
    height: 18px;
    border-radius: 9px;
    background: #FFF;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0,.2) inset;
    background-origin: border-box;
    background-clip: border-box;
    overflow: hidden;
    transition-duration: .4s;
    transition-property: padding,width;
    float: right;
    margin-top: 4px;
}

.switch-button input[type="checkbox"].switch:checked + span + div {
    padding-left: 22px;
    width: 18px;
}

.switch-button input[type="checkbox"].switch + span + div:before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin: 1px;
    border-radius: inherit;
    background: $co_title;
}

.switch-button input[type="checkbox"].switch:checked + span + div:before {
    background: #52D921;
}

.switch-button input[type="checkbox"].switch:active + span + div:before {
    background-color: #aaa;
}

/****************   GENERAL ******************/



.panel-img-left {
    overflow: hidden;
    margin-bottom: 20px;
}

.panel-img-left:last-child {
    margin-bottom: 0px;
}

.panel-info {
    position: relative;
    margin-left: 90px;
}

.panel-img-left img {
    float: left;
}



/****************   ADD INFO    ******************/

.ch-profile-custom-info .bold {
    font-weight: bold;
}
.ch-profile-custom-info .italic {
    font-style: italic;
}
.ch-profile-custom-info a {
    color: $co_subtitle;
}

.ch-profile-custom-info > div {
    background: $pr_widget_bg;
    padding: 20px;
    position: relative;
    margin-bottom: 20px;
}

.ch-profile-custom-info > div div:first-child {
    font-family: $fo_title;
    font-weight: normal;
    color: $co_title;
    padding-bottom: 15px;
    font-size: 21px;
}

[data-editable="1"] > div div:first-child {
    cursor: move;
}

.ch-add-profile-custom-info {
    text-align: center;
    border: 1px dashed $co_subtitle;
    padding: 5px 10px;
    background: #FFF;
    border-radius: 5px;
    margin-bottom: 20px;
    cursor: pointer;
}

.ch-add-profile-custom-info:hover {
    color: $co_subtitle;
}

.self-boxes .widget-content {
    background: transparent;
    padding: 0px;
}

.add-element {
  top: 17px;
  right: 25px;
  width: 26px;
  height: 26px;
  display: block;
	background-color: #FFF;
}

.add-element:before,
.add-element:after {
  content: "";
  width: 14px;
  height: 4px;
  border-radius: 2px;
  display: block;
  position: absolute;
  background-color: #4981ab;
  top: 11px;
  left: 6px;
}

.add-element:after {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.add-element:hover {
	background-color: #4981ab;
}

.add-element:hover:before,
.add-element:hover:after {
	background-color: #FFF;
}

/*.edit-icon,
.remove-section,
.add-element {
    background: #FFF url($list_icons) !important;
    border-radius: 50%;
}

.edit-icon {background-position: 0px 0px !important;}
.edit-icon:hover {background-position: 0px -26px !important;}

.remove-section {background-position: -26px 0px !important;}
.remove-section:hover {background-position: -26px -26px !important;}

.add-element {background-position: -104px 0px !important;}
.add-element:hover {background-position: -104px -26px !important;}*/

/****************   NEWS    ******************/

.news-panel .panel-info {
    margin-left: 132px;
    max-height: 108px;
    overflow: hidden;
}

/****************   EVENTS  ******************/

.event-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
}

.event-panel:last-child {
    margin-bottom: 0px;
}

.event-panel .date {
    width: 86px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: $co_title;
    color: #FFF;
    font: 28px/38px $fo_title;
    text-align: center;
    padding: 2px;
}

.event-panel span {
    display: block;
    padding: 5px 0px;
}

.event-panel .month {
    font-size: 16px;
    line-height: 28px;
    border-bottom: 1px solid #FFF;
    text-transform: uppercase;
}

.event-info {
    width: 100%;
    position: relative;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/****************   COORDINATOR ******************/

.project-coordinator-contact {
    position: relative;
    margin-left: 110px;
    min-height: 100px;
}

.project-coordinator-contact h2 {
    padding-bottom: 10px;
}

.coordinator-img {
    float: left;
}

.send-mail {
    width: 26px;
    height: 26px;
    background: url($list_icons) -52px 0px;
    cursor: pointer;
}

.send-mail:hover {
    background-position: -52px -26px;
}